<!-- 部门车管指派司机页面 -->
<template>
	<view class="page_all">
		<view class="page_titleArea">
			<view class="page_title_line">
				<view class="page_title_line_left" @click="leftClick()"><image src="../../static/all/back_white.png" style="width:50rpx;height:50rpx;"></image></view>
				<view class="page_title_line_middle">部门车管指派司机</view>
				<view class="page_title_line_left"></view>
			</view>
		</view>
		<view class="page_contentArea" style="background-color:#F7F7F7;">
			<!--审核意见输入块-->
			<view class="space_15"></view>
			<view class="input_box"> 
				<view class="input_box_title">
					<view class="input_box_title_L">
						<image src="../../static/all/r_zhipai.png" style="width:45rpx;height:45rpx;"></image>
						<span style="padding: 10rpx;"></span>指派司机：
					</view>
					<view class="input_box_title_R"></view>
				</view>
				<view class="space_15"></view>
				<view class="input_line_radio">
					<u-radio-group v-model="form_task_progress.appointIds" placement="column"><!--注意：:name="item.login_id"代表取值-->
						<!-- <u-radio :customStyle="{marginLeft:'30px'}" v-for="(item, index) in radio_zhipai" 
						         :key="index" :label="item.fullname" :name="item.login_id" iconSize="16px" labelSize="16px"></u-radio> -->
					  <u-radio :customStyle="{marginLeft:'30px',marginBottom:'20px'}" v-for="(item, index) in radio_zhipai"
					           :key="index" :label="item.fullname" :name="item.login_id" size="26" labelSize="16px"></u-radio>
					</u-radio-group>
				</view>
				<view class="space_1"></view>
			</view>
			
			<view class="space_180"></view>
			<!--提交按钮行-->
			<view v-if="btn==1" class="form_btn" @click="form_task_progress_submit()">提<span style="padding:30rpx;"></span>交</view>
			<view v-if="btn==0" class="form_btn btn_notClick">提交中……</view>
			<view class="space_80"></view>
		</view>
	</view>
</template>

<script>
	import utils from "@/utils/business/services.js";
	export default {
		data() {
			return {
				/***************************以下是任务审核相关变量****************************/
				accessTaskId: "", //用于接收页面传参（申请单任务id）
				
				form_task_progress: {
					accessTaskId: '', //任务id（新增时用）
					remark: '', //预留
					status: 'able', //此步骤该项默认
					
					locId:"", //用车部门（当前发起申请用户所在的部门）
					appointIds:'', //选司机（当前发起申请用户所在的部门的司机）
				},
				//选择司机的数据
				radio_zhipai: [],
				/***************************以上是任务审核相关变量****************************/
				//防重复提交
				btn: 1, //0：不可用  1：可用（默认可用）
				
				//在此之上补充变量
			}
		},
		watch: {},
		onLoad(option) {
			getApp().globalData.query_flag=0; //在子页面（提交成功后需要刷新父页面）中将刷新控制变量置为0
			this.form_task_progress.locId=getApp().globalData.login.loc_id;
			if(JSON.stringify(option)!="{}"){
				this.accessTaskId=option.accessTaskId;
			}
			
			this.getLoginList(); //取司机数据
		},
		onShow() {},
		methods: {
			/******************************以下是通用方法*********************************/
			//顶部导航回退箭头点击触发
			leftClick(){
				utils.pageBack();
			},
			//隐藏系统键盘
			hideKeyboard() {
				uni.hideKeyboard();
			},
			/******************************以上是通用方法*********************************/
			/******************************以下是业务方法*********************************/
			//取部门司机
			getLoginList(){
				var that=this;
				var locId='{"taskLocId"='+this.form_task_progress.locId+'}';
				console.log("转换后的locId==",locId);
				//{"loc_id"=30}
				var obj={
					"pri_code":"getKeyEvent",
					"cls_name":"com.vcard.car.pojo.AccessEventDTO",
					"cls_json":locId,
				};
				utils.getLoginList(obj).then(res => {
					console.log('取部门司机返回值==',res); 
					if(res.data.status=="success"){
						var tArray=res.data.rows;
						//过滤掉超级管理员
						for(var i=0;i<tArray.length;i++){
							if(tArray[i].fullname!="超级管理员"){
								that.radio_zhipai.push(tArray[i]);
							}
						}
						console.log("过滤掉超级管理员后的部门司机集合==",that.radio_zhipai);
					}
					if(res.data.status=="error"){
						let msg=res.data.message;
						uni.navigateTo({
							url:'/pages/error/error?errorMsg='+msg 
						}) 
					}
				}).catch(error => {
					uni.navigateTo({
						url:'/pages/error/error?errorMsg='+error
					})
				})
			},
			//主提交方法
			form_task_progress_submit(){
				var that=this;
				if(that.form_task_progress.appointIds==""){ //指派司机
					uni.showModal({
						title: '提示',
						content: '请指派司机！',
						showCancel:false,
						success: function (res) {
							if(res.confirm){} 
						}
					}); //uni.showModal结束
					return;
				}
				that.form_task_progress.accessTaskId=that.accessTaskId;
				console.log("指派司机环节提交的参数==",that.form_task_progress);
				uni.showModal({
						title: '提示',
						content: '确定指派司机吗？',
						success: function(res) {
							if (res.confirm) {
								that.btn=0; //按钮置为不可用
								utils.appointDriverEvent(that.form_task_progress).then(res => {
									console.log('部门提交审核接口的返回值==',res); 
									that.btn=1; //无论成功与否按钮均置为可用
									if(res.data.status=="success"){
										getApp().globalData.query_flag=1; //查询全局控制变量(避免列表页面重复查询2次)
										uni.showToast({
											title:'指派完毕！',
											icon: 'success'
										});
										setTimeout(() => {
											//关闭当前页，刷新列表页面
											utils.pageBack();
										}, 1000); //显示toast 500毫秒之后执行
									}
									if(res.data.status=="error"){
										let msg=res.data.message;
										uni.navigateTo({
											url:'/pages/error/error?errorMsg='+msg 
										}) 
									}
								}).catch(error => {
									uni.navigateTo({
										url:'/pages/error/error?errorMsg='+error
									})
								})
							} 
							else {
								//执行取消后的操作
							}
						}
					})//uni.showModal结束
			},
			/******************************以上是业务方法**********************************/
			/*********************在此之上补充方法**********************/
		},
	}
</script>
<style lang="scss">
@import '../../common/css/page.css'; 
@import '../../common/css/b_form.css';
@import '../../common/css/review.css';
</style>